@import "common.styl"
@import "vars.styl"

.tab-nav
  height px2rem(50px)
  border-bottom 1px solid #e2e2e2
  box-shadow 0 px2rem(6px) px2rem(10px) 0 rgba(210,210,210,0.6)
  ul
    li
      font-size px2rem(17px)
      background-color #fff
      line-height px2rem(48px)
      text-align center
      cursor pointer
      margin-right px2rem(40px)
      &.active
        position relative
        z-index 10
        color $lightColor
        font-size px2rem(18px)
        font-weight bold
        &:after
          content ''
          width px2rem(10px)
          height px2rem(10px)
          position absolute
          bottom px2rem(-3px)
          left 50%
          border-top 1px solid transparent
          border-right 1px solid transparent
          border-left 1px solid #e2e2e2
          border-bottom 1px solid #e2e2e2
          box-shadow -3px 1px 8px 0 rgba(190,190,190,0.4)
          background-color #ffffff
          transform rotate(-45deg) translateX(-50%)
          z-index -2



.section
  margin-bottom px2rem(50px)
  .section-hd
    font-size px2rem(16px)
    padding px2rem(20px) px2rem(15px)
    line-height 1.7
    font-weight bold

.technology
  ul
    flex-wrap wrap
    li
      width 50%
      font-size px2rem(14px)
      line-height 1.5
      margin-bottom px2rem(20px)
      display flex
      align-items center
      padding 0 px2rem(15px)
      span
        flex 1
      .icon
        width px2rem(40px)
        height px2rem(40px)
        line-height px2rem(40px)
        text-align center
        border-radius 100%
        background-color $lightColor
        color #fff
        margin-right px2rem(5px)
        i
          font-size px2rem(24px)
  .technology-desc
    margin-top px2rem(20px)
    line-height 1.75
    font-size px2rem(16px)
    padding 0 px2rem(15px)
  .robot
    max-width 80%




.advantace
  .advantace-item
    margin-bottom px2rem(20px)
    border 1px solid $borderColor
    box-sizing border-box
    position relative
    img
      width 100%
    h3
      font-size px2rem(16px)
      padding px2rem(15px)
      text-align center
    p
      height px2rem(118px)
      color $garyColor
      line-height 1.75
      padding 0 px2rem(15px) px2rem(15px)
      text-align left
      font-size px2rem(14px)

.line-hr
  margin 0 auto
  width 100%
  height 10px
  background-position center
  background-repeat no-repeat
  background-size cover
  background-image url("http://pimg.51759.com/intro_line.png")


.scene
  .scene-item
    dl
      padding px2rem(15px)
      dt
        font-size px2rem(16px)
        text-align center
        margin-bottom px2rem(15px)
      dd
        line-height 1.75
        font-size px2rem(14px)
    .scene-type
      font-size px2rem(15px)
      padding px2rem(15px) 0
    &:last-child
      margin-right 0


.process
  .process-item
    height px2rem(170px)
    margin-bottom px2rem(20px)
    border 1px solid $lightColor
    .process-hd
      flex-shrink 0
      width 25%
      height 100%
      background-color $lightColor
      color #ffffff
      text-align center
      padding-top px2rem(60px)
      i
        font-size px2rem(30px)
      p
        font-size px2rem(14px)
        padding px2rem(15px) 0
    .process-bd
      height 100%
      padding px2rem(10px)
      line-height 1.75
      font-size px2rem(14px)


